@import '@/styles/variables.scss';
/* role */
.role-view {
  .el-link{
    font-size: 12px;
    margin: 0 5px;
  }
}
.permission-mol{
  //width: 600px;
  padding: 20px 10px;
  .tit{
    line-height: 60px;
    span{
      color: $light-blue;
      color: #409eff;
    }
  }
  .xhcApp-backEnd{
    display: flex;
    flex-flow: row;
  }
  .plat-box,.admin-box{
    border: 1px solid #e4e4e4;
    line-height: 50px;
    .hd{
      background-color: #f9fafc;
      height: 50px;
      padding: 0 20px;
      border-bottom: 1px solid #e4e4e4;
    }
    .bd{
      padding: 10px 20px;
    }
  }
  .plat-box{
    width: 600px;
    .bd{
      //padding: 10px 43px;
      .el-checkbox{
        height: 30px;
        line-height: 30px;
        display: block;
        .el-checkbox__input.is-checked + .el-checkbox__label{
          color: #606266;
        }
      }
    }
  }
  .admin-box{
    width: 600px;
  }
  .admin-box:nth-child(1){
    margin-right: 20px;
  }
  .error-info{
    color: #ff4949;
    font-size: 12px;
    line-height: 1;
    padding-top: 10px;
  }
  .addbtn{
    margin-top: 30px;
    .el-button{
      width: 100px;
    }
  }
}
/* user */
.user-view {
  .el-link{
    font-size: 12px;
    margin: 0 5px;
  }
}
.addUser-mol{
  width: 600px;
  margin:40px 0;
  .addbtn{
    text-align: center;
    margin:40px 0;
    .el-button{
      width: 80px;
    }
  }
}
